<template>
	<view class="main-content">
		<view class="main-tittle acea-row row-between">
			<view class="tittle-left">
				{{ item.title }}
			</view>
		</view>
		<view class="mian-center acea-row row-between"
			@click="toPage('/pages/details/askRent/askRent?'+ (item.buystoreId ? 'buystoreId=' : 'askrentId=' ) + (item.buystoreId ? item.buystoreId : item.askrentId ))">
			<view class="center-left">
				<p>面积：{{ item.area || 0 }}㎡</p>
				<p v-if="item.rent">租金：{{ item.rent || 0 }}元</p>
				<p v-if="item.price">售价：{{ item.price || 0 }}万元</p>
				<p>计划经营：{{item.categoryName || ''}}</p>
				<!-- <p>期望经营：20-50</p> -->
			</view>
			<!-- <view class="center-right" style="min-width: 80rpx;">
				{{ item.mangStatus == 0 ? '待审核' : ( item.mangStatus == 1 ? '通过' : '驳回') }}
			</view> -->
		</view>
	</view>
</template>

<script>
	import {
		toPage
	} from '@/filters/commFilter.js'
	import {
		zdInformation
	} from '@/api/api.js'
	import {
		GroupDetailApi
	} from '@/api/subletOfShop.js'
	export default {
		props: ['item'],
		data() {
			return {
				show: false,
				setTime: '',

			}
		},
		mounted() {
		},
		methods: {
			toPage
		},
	}
</script>

<style lang="scss">
	.main-content {
		padding: 0 30rpx;
		border-radius: 20rpx;
		background: rgba(255, 255, 255, 1);
		margin: 0 0 28rpx 0;

		.main-tittle {
			border-bottom: 2rpx solid rgba(238, 238, 238, 1);
			padding: 24rpx 0 18rpx 0;

			.tittle-left {
				font-size: 30rpx;

				font-weight: 400;
				color: rgba(56, 56, 56, 1);
			}

			.tittle-right {
				// width: 100%;
				line-height: 44rpx;
				height: 44rpx;
				border-radius: 10rpx;
				background: rgba(238, 33, 45, 1);
				font-size: 24rpx;
				color: rgba(255, 255, 255, 1);
			}
		}

		.mian-center {
			padding: 14rpx 0 20rpx 0;
			border-bottom: 2rpx solid rgba(238, 238, 238, 1);

			.center-left {
				p {
					font-size: 24rpx;
					line-height: 40rpx;
					color: rgba(128, 128, 128, 1);
				}
			}

			.center-right {
				font-size: 24rpx;
				color: rgba(238, 33, 45, 1);
			}
		}

		.main-bottom {
			margin-top: 28rpx;

			.bottom-btn {
				width: 90rpx;
				font-size: 24rpx;
				line-height: 40rpx;
				color: rgba(128, 128, 128, 1);
				border-radius: 4rpx;
				border: 2rpx solid rgba(229, 229, 229, 1);
				margin-bottom: 32rpx;
			}
		}
	}

	.rt {
		margin-left: 20rpx;
	}

	.v {
		// display: flex;
		margin-left: 10rpx;
		padding: 1rpx 10rpx;
	}
</style>